<!DOCTYPE HTML>
<html lang="en">
<head>
    <base href="<%=basePath%>">

    <title>分组管理</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="分组管理">

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <link rel="stylesheet" type="text/css" href="../theme/zTree/zTreeStyle/jquery.treegrid.css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .form-group {
            margin-bottom: 5px;
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }
    </style>
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div class="row" style="margin-top:16px;">
    <div class="col-md-12">
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>分组维护
                </div>
                <div class="actions">
                    <a id="btn_sysadd" href="javascript:;" class="btn btn-default btn-sm">
                        <i class="fa fa-plus"></i> 新增系统
                    </a>
                    <a id="btn_ref" href="javascript:;" class="btn btn-default btn-sm">
                        <i class="fa fa-refresh"></i> 刷新
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-hover tree-2 table-bordered table-striped table-condensed">
                    <thead>
                    <th>功能名称</th>
                    <th>服务地址</th>
                    <th>服务ID</th>
                    <th>备注</th>
                    <th style="width:140px;">操作</th>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- Begin新增系统Modul -->
<div id="addProject" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 id="systemTitle" class="modal-title">新增系统</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:100px" data-always-visible="1" data-rail-visible1="1">
                    <div class="form-horizontal form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">系统名称</label>
                            <div class="col-md-9">
                                <input type="hidden" id="hid_sys_groupid" name="hid_groupid">
                                <input id="sysGroupName" name="sysGroupName" type="text"
                                       class="form-control input-inline input-medium" placeholder="请输入系统名称">
                                <span id="valide_sysGroupName" class="help-inline" style="color:red;"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">备注信息</label>
                            <div class="col-md-9">
                                <input id="sysRemark" name="sysRemark" type="text"
                                       class="form-control input-inline input-medium" placeholder="请输入备注信息">
                                <span id="valide_sysRemark" class="help-inline" style="color:red;"></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn default">关闭</button>
                <button id="btn_syssave" type="button" class="btn blue-steel">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- End新增系统Modul -->

<!-- Begin组维护Modul -->
<div id="editgroup" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">功能信息维护</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="form-horizontal form-body">
                        <div id="group_fa" class="form-group">
                            <label class="col-md-3 control-label">父级名称</label>
                            <div class="col-md-9">
                                <input id="fagroupName" name="fagroupName" type="text"
                                       class="form-control input-inline input-medium" readonly="readonly">
                                <input type="hidden" id="hid_fatureid" name="hid_fatureid">
                                <input type="hidden" id="hid_groupid" name="hid_groupid">
                                <span id="valide_fagroupName" class="help-inline" style="color:red;"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">功能名称</label>
                            <div class="col-md-9">
                                <input id="groupName" name="groupName" type="text"
                                       class="form-control input-inline input-medium" placeholder="请输入组名称">
                                <span id="valide_groupName" class="help-inline" style="color:red;"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">服务类型</label>
                            <div class="col-md-9">
                                <select id="serviceType" name="serviceType"
                                        class="form-control input-inline input-medium">
                                </select>
                                <span id="valide_serviceType" class="help-inline" style="color:red;"></span>
                            </div>
                            <label class="col-md-3 control-label">服务名称</label>
                            <div class="col-md-9">
                                <select id="serviceId" name="serviceId" class="form-control input-inline input-medium">
                                </select>
                                <span id="valide_serviceId" class="help-inline" style="color:red;"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">备注信息</label>
                            <div class="col-md-9">
                                <input id="Remark" name="Remark" type="text"
                                       class="form-control input-inline input-medium" placeholder="请输入备注信息">
                                <span id="valide_remark" class="help-inline" style="color:red;"></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn default">关闭</button>
                <button id="btn_save" type="button" class="btn blue-steel">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- End组维护Modul -->

<!--<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../js/zTree/jquery.treegrid.min.js" type="text/javascript"></script>
<script src="../js/zTree/jquery.treegrid.bootstrap3.js" type="text/javascript"></script>
<script src="../js/grouping/groupList.js" type="text/javascript"></script>
</body>
</html>
